<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:comps="http://java.sun.com/jsf/composite/comps"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./../../resources/templates/newTemplate.xhtml">

            <ui:define name="left">
                <comps:pubPanel />
            </ui:define>

            <ui:define name="principal">

                <h:outputScript library="javascript" name="util.js" />

                <h:outputScript library="javascript" name="timePicker.js" />

                <p:outputPanel id="script" >
                    <script type="text/javascript" >
                        
                        var name = getUrlVars()["tipo"];
                         
                        jQuery( function(){
                            if( name == 'modificar' ){
                                jQuery("h1").html("Modificar Publicidad");
                            }
                        })
                    </script>
                </p:outputPanel>

                <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
                <p:dialog modal="true" widgetVar="statusDialog" header="Espere por favor..." 
                          draggable="false" closable="false" resizable="false" >
                    <p:graphicImage value="#{resource['images:ajaxLoadingBar.gif']}" />
                </p:dialog>

                <h:form>

                    <h1>Publicitar Nuevamente</h1>
                    <p:fieldset legend="Datos" styleClass="fieldset" >
                        <h:panelGrid columns="3" columnClasses="labelColumn" >
                            <h:outputLabel value="Título" />
                            <p:inputText id="titulo" value="#{editarMBean.titulo}" 
                                         required="true" requiredMessage="Valor requerido" />
                            <p:message for="titulo" />
                            <h:outputLabel value="URL" />
                            <p:inputText id="url" value="#{editarMBean.url}" />
                            <p:message for="url" />
                            <h:outputLabel value="Descripción" />
                            <p:inputText id="caption" value="#{editarMBean.caption}" />
                            <p:message for="caption" />

                            <h:outputLabel value="Duración" />
                            <h:selectOneMenu id="duracion" value="#{editarMBean.duracionSeleccionada}" 
                                             required="#{not editarMBean.modificar}" requiredMessage="Valor requerido" 
                                             disabled="#{editarMBean.modificar}">
                                <f:selectItem itemLabel="Seleccione una duracion.." />
                                <f:selectItems value="#{editarMBean.duraciones}" />
                                <p:ajax event="change" update="precio" listener="#{editarMBean.duracionCambio}" />
                            </h:selectOneMenu>
                            <p:message for="duracion" />
                            <h:outputLabel value="Ubicación" />
                            <h:selectOneMenu id="ubicacion" value="#{editarMBean.ubicacionSeleccionada}"
                                             required="#{editarMBean.modificar}" requiredMessage="Valor requerido" 
                                             disabled="#{editarMBean.modificar}">
                                <f:selectItem itemLabel="Seleccione una ubicacion.." />
                                <f:selectItems value="#{editarMBean.ubicaciones}" />
                                <p:ajax event="change" update="fecha script precio" listener="#{editarMBean.ubicacionCambio}" />
                            </h:selectOneMenu>
                            <p:message for="ubicacion" />
                            <h:outputLabel value="Precio:" />
                            <p:outputPanel id="precio" >
                                <h:outputText value="$ #{editarMBean.precio}"
                                              rendered="#{not empty editarMBean.precio}"/>
                                <h:outputText value="(Seleccione ubicacion y duracion)" 
                                              rendered="#{empty editarMBean.precio and editarMBean.modificar}"
                                              />
                            </p:outputPanel>
                            <p:message for="precio" />
                            <h:outputLabel value="Fecha desde" />
                            <p:calendar id="fecha" value="#{editarMBean.fechaDesde}" 
                                        pattern="dd/MM/yyyy" locale="es" showOn="button"
                                        required="true" requiredMessage="Valor requerido" 
                                        disabled="#{editarMBean.modificar}"/>
                            <p:message for="fecha" />
                        </h:panelGrid>
                    </p:fieldset>



                    <p:fieldset legend="Imagen" styleClass="fieldset" >

                        <p:outputPanel id="out">
                            <div id="div1" style="width: 100%; text-align: center;" >
                                    <h:graphicImage id="imgId" value="/imagenpub?id=#{editarMBean.imagenId}" 
                                                    style="max-width: 200px; max-height: 185px" styleClass="img"/>
                            </div>
                        </p:outputPanel>

                        <h:outputText value="Reemplazar la imagen actual por otra imagen: (elija una imagen de hasta 2 MB)" /><br/>
                        <p:fileUpload widgetVar="uploader" label="Seleccionar" uploadLabel="Subir"
                                      fileUploadListener="#{editarMBean.handleFileUpload}" auto="true"
                                      mode="advanced" cancelLabel="Cancelar" multiple="false"
                                      allowTypes="/(\.|\/)(gif|jpe?g|png)$/" 
                                      invalidFileMessage="Archivo inválido" style="margin-top: 10px" />

                    </p:fieldset>

                    <h:panelGrid columns="2" columnClasses="leftCol,rightCol" style="width: 100%" 
                                 rendered="#{not editarMBean.modificar}">
                        <ui:remove>
                        <p:commandLink actionListener="#{editarMBean.registrarPublicidad}" update="growl">
                            <h:graphicImage value="#{resource['images:pagoPaypal.gif']}" />
                        </p:commandLink>
                        </ui:remove>
                        <p:commandButton value="Aceptar" update="@form" actionListener="#{editarMBean.validarImagen}" />
                        <p:button value="Cancelar" outcome="/vistas/pub/misPublicidades" />
                    </h:panelGrid>

                    <h:panelGrid columns="2" columnClasses="leftCol,rightCol" style="width: 100%"
                                 rendered="#{editarMBean.modificar}" >
                        <p:commandButton value="Guardar" action="#{editarMBean.actualizarPublicidad}" ajax="false" />
                        <p:button value="Cancelar" outcome="/vistas/pub/misPublicidades" />
                    </h:panelGrid>
                    
                    
                    <p:dialog widgetVar="metodoPagoDlg" header="Seleccione método de pago" modal="true" resizable="false" >
                            <ui:remove>
                            <p:commandLink title="Paypal" actionListener="#{editarMBean.registrarPublicidad}" 
                                           styleClass="btnMetodoPago" update="growl" >
                                <h:graphicImage value="#{resource['images:botonPaypal.jpg']}" height="114" />
                            </p:commandLink>
                            </ui:remove>
                            <a href="http://www.mercadopago.com.ar" title="Mercado pago"
                               class="btnMetodoPago" >
                                <h:graphicImage value="#{resource['images:boton-mercadopago.jpg']}" height="114" />
                            </a>
                            <p:commandLink title="DineroMail" actionListener="#{editarMBean.registrarPublicidadDm}" 
                                           styleClass="btnMetodoPago" update=":dm growl" oncomplete="submitForm(xhr, status, args)" >
                                <h:graphicImage value="#{resource['images:botonDineromail.jpg']}" />
                            </p:commandLink>
                            <p:commandLink title="Dineromail Inmediato" actionListener="#{editarMBean.registrarPublicidadInmediatamente}" 
                                           onclick="window.open('pagarPublicidadDm.png')" update="growl" styleClass="btnMetodoPago">
                                <h:graphicImage value="#{resource['images:botonDineromail-inmediato.jpg']}" />
                            </p:commandLink>
                    </p:dialog>

                    <p:growl id="growl" showDetail="true" globalOnly="true" />

                    <p:outputPanel id="script" >
                        <script type="text/javascript" >
                            jQuery(function () {
                                window.setTimeout('bindEventsHighlights()',500);
                            });

                            function bindEventsHighlights() {
                                var specialDays = <h:outputText value="#{editarMBean.fechas}" /> ;
                                jQuery(".hasDatepicker").datepicker("option", "beforeShowDay", function (date) {
                                    return highlightCalendar(specialDays, date, 'highlight-calendar');
                                });
                            };
                        </script>
                    </p:outputPanel>

                </h:form>
                
                <p:outputPanel id="dm" >
                    <form id="dmForm" action='https://argentina.dineromail.com/Shop/Shop_Ingreso.asp' method='post'>
                        <input type='hidden' name='NombreItem' value='#{editarMBean.descripcion}'/>
                        <input type='hidden' name='TipoMoneda' value='1'/>
                        <input type='hidden' name='PrecioItem' value='#{editarMBean.precio}'/>
                        <input type='hidden' name='E_Comercio' value='2421574'/>
                        <input type='hidden' name='NroItem' value='#{editarMBean.pagoId}'/>
                        <input type='hidden' name='DireccionExito' value='http://localhost.com:8080/AlquilaCosas-war/vistas/pub/misPublicidades.jsf'/>
                        <input type='hidden' name='DireccionFracaso' value='http://localhost.com:8080/AlquilaCosas-war/vistas/pub/misPublicidades.jsf'/>
                        <input type='hidden' name='DireccionEnvio' value='0'/>
                        <input type='hidden' name='Mensaje' value='0'/>
                        <input type='hidden' name='MediosPago' value='4,2,7,13'/>
                    </form>
                </p:outputPanel>

            </ui:define>

        </ui:composition>

    </body>
</html>
